.banner-list{
	height: 80px;
	line-height: 80px;
	/*color: #fff;*/
	/*background-color: #fff;*/
	/*border: 1px #fff solid;*/
}
.right{
	position: absolute;
	right: 10px;
}

.title{
	height: 30px;
	line-height: 30px;
	background-color: rgba(0,0,0,.3);
	/*color: */
	position: relative;
}

/**/
.topic{
	margin-bottom: 20px;
}
.topic-list{
	padding: 5px;
}



.topic-list li {
	text-align: center;
	flex: 1;
	padding: 5px;
	/*width: */
	/*border: 1px #fff solid;*/
}

.topic-list li div{
	border: 1px #fff solid;
	/*width: 80%;*/
	padding: 20px;
	/*height: */
	/*margin: 0;*/
}

/**/
.hallfame-list{
	margin-bottom: 60px;
}
.hallfame-list li{
	/*margin: 10px;*/
	/*margin-right: 0;*/
	border: 1px #fff solid;
	padding: 5px;
	margin-bottom: 10px;
}

.c-top{
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

.c-top .info{
	/*position: absolute;*/
	/*float: left;*/
	text-align: center;
}
.info .icon{
	border-radius: 50%;
	border: 1px solid #ddd;
	/*padding: 5px;*/
	height: 60px;
	width: 60px;
	background-image: url(../img/icon.png) ;
	background-size: 100% 100%;
	/*float: left;*/
}

.c-top div.focus{
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgb(255,117,56);
	color: #fff;
	border-radius: 20px;
	width: 80px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin-top: 10px;
	cursor: pointer;
}